import React from 'react';
import ReactDOM from 'react-dom';
import Show from './show'
import qqq from 'prop-types'
/* 
使用步骤： 1  在父组件中  创造 context
            static childContextTypes = {属性名：限制类型}
            getChildContext(){return {属性名：属性值}}
          2 后代组件怎么使用这个属性？
           static contextTypes = {
             theme:限制类型
           }


新方法的使用步骤：
          1.通过 React.createContext()  创一个context实例
          在父组件中引入这个context 然后使用 Context.Provider这个组件把父组件抱起来
            加上一个行内属性 value= {{属性名：属性值，属性名：属性值。。。。}}   
          2， 引入创造的那个实例  static contextType = Context
                    
*/
class App extends React.Component {
    static childContextTypes = {
      theme:qqq.string,
      count:qqq.number
    }
    getChildContext(){
      return {
        theme:'red',
        count:100
      }
    }
    render() {
        return <div className=''>
          <Show/>
        </div>;
    }
}

ReactDOM.render(<App/>,document.getElementById('root'))